<template>
	<view class="content">
		<view class="button-box">
			<button class="u-reset-button btn1" @click="jump('/pages/login/user-login')">用户登录</button>
			<button class="u-reset-button btn2" @click="jump('/pages/login/service-login')">服务商登录</button>
			<button class="u-reset-button btn2" @click="jump('/pages/login/head-login')">项目负责人登录</button>
			<button class="u-reset-button btn2" @click="jump('/pages/login/material-login')">材料验收登录</button>
			<button class="u-reset-button btn2" @click="jump('/pages/login/xihead-login')">系负责人登录</button>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				url:""
			}
		},
		onLoad() {
			uni.removeStorageSync('servToken')
			uni.removeStorageSync('headToken')
			uni.removeStorageSync('xiheadToken')
			uni.removeStorageSync('materialToken')
			
		},
		methods: {
			jump(url){
				uni.navigateTo({
					url:url
				})
			}
		}
	}
</script>

<style lang="less">
	page{
		background: url(https://s1.ax1x.com/2022/11/18/znm92T.jpg) no-repeat;
		background-size: 100% 100%;
	}
.button-box{
	margin: 0 auto;
	margin-top: 29%;
}
.btn1,.btn2{
	width: 650rpx;
	height: 130rpx;
	background: #FF8300;
	border-radius: 40rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 50rpx;
	font-weight: 500;
	color: #fff;
}
.btn2{
	background: #0055B0;
	margin-top: 100rpx;
}
</style>
